<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name=”renderer” content=”webkit”>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<title>东明家居集团-活动分析管理系统</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/iview.css">
<link rel="stylesheet" href="css/style.css">
    <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
    <link href="js/toastr/toastr.css" rel="stylesheet">
</head>
<body>
<div class="container-fluid" id="app">
     <!-- breadcrumb -->
      <template class="page-header">
          <breadcrumb class="pull-left">
              <breadcrumb-item to="welcome.html" >首页</breadcrumb-item>
              <breadcrumb-item>收支明细</breadcrumb-item>
          </breadcrumb>
      </template>
      <!-- 搜索条件 -->
      <div class="table-margin">
          <row>
              <i-col span="5" class-name="mr10" style="width:300px;margin-left: 20px;">
                  <i-select v-model="Theme" placeholder="请选择活动主题" clearable>
                      <i-option v-for="item in ThemeList" :value="item.value"  :key="item.value">{{item.label}}</i-option>
                  </i-select>
              </i-col>
              <i-button type="primary" class="mr10" @click="queryShouAndZhi">搜索</i-button>
          </row>            
      </div>
      <!-- 搜索结果 -->
      <div class="table-margin">
           <!--<row class="datas">-->
                <!--<i-col>收入：{{ShouRuTotalMoney}}</i-col>-->
                <!--<i-col>支出：{{ZhiChuTotalMoney}}</i-col>-->
                <!--<i-col>差额：{{ShouRuTotalMoney-ZhiChuTotalMoney}}</i-col>-->
                <!--<i-col>销售总额：200000</i-col>-->
                <!--<i-col>费效比：2.11%</i-col>-->
           <!--</row>-->
           <row> 
                <i-col span="11">
                       <div class="income">
                            <h1>收入明细：</h1>
                            <ul v-for="item in FirstLevelShouRuList">
                                <li @click="queryStoreDataInfo(item.TopID,item.TopName)"><span>{{item.TopName}}</span><span>{{item.TotalMoney}}</span><span>查看</span></li>
                            </ul>
                       </div>
                </i-col>
                <i-col span="11">
                       <div class="income">
                            <h1>支出明细：</h1>
                           <ul v-for="item in FirstLevelZhiChuList">
                               <li @click="queryStoreDataInfo(item.TopID,item.TopName)"><span>{{item.TopName}}</span><span>{{item.TotalMoney}}</span><span>查看</span></li>
                           </ul>
                       </div>
                </i-col>
           </row>
          <!-- 明细弹框 -->
           <modal v-model="modal1" title="数据明细" @on-ok="ok" @on-cancel="cancel" width='950'>
                  <p class="tips">注：各店数据为活动的总数据</p>
                  <i-table :columns="columns1" :data="data1" algin="center" class="table_style"></i-table>  
           </modal>
           
      </div>
      
</div>
</body>
<script src="js/vue.js"></script>
<script src="js/iview.min.js"></script>
<script src="js/toastr/toastr.min.js"></script>
<script src="js/data_statistics/data_statistics.js"></script>
</html>

  

  

  

  

  
